<template>
    <h2>模版语法</h2>

    <span>(文本插值)姓名:{{ name }}</span><br>
    <span>(文本插值)年龄:{{ age }}</span><br>
    <span>(文本插值)性别:{{ sex }}</span><br>

    <span v-html="attr"></span>
    <br>
    <input type="text" :id="Sid" :name="Sname"> 

    <button :disabled="isTrue">登录</button>
    
    <input type="text" :id="info.Tid" :name="info.Tname"> <br>

    <div>年龄:{{ age+10 }}</div> <br>

    <div>{{ age==21?"正确":"错误" }}</div>
</template>

<script setup lang="ts">
    
    //声明变量
    const name="张三"
    const age=20
    const sex="男"

    //v-html 指令使用
    const attr="<a href='https://discovery.lenovo.com.cn/home/ilive/v1/c1'>必应官网</a>"
    
    //声明参数,通过v-bind完成绑定
    const Sid="1";
    const Sname="张三";

    //创建对象,保存教师编号,教室姓名
    const info={
        Tid:"1",
        Tname:"李四"
    }

    //完成按钮属性设置
    const isTrue=true;

</script>
